<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>text-combine image test</title>
<style>
html {
    -webkit-writing-mode: vertical-rl;
}

#Hira24 {
    font-family: "HiraMinProN-W3";
    font-size: 24pt;
}

#Hira12 {
    font-family: "HiraMinProN-W3";
    font-size: 12pt;
}

#Hira18_float {
    font-family: "HiraMinProN-W3";
    font-size: 18pt;
    float: right;
    border: solid 1px;
    border-color: red;
}

#Times24 {
    font-family: "Times";
    font-size: 24pt;
}

#combine {
    -webkit-text-combine: horizontal;
}

</style>
</head>
<body>
<hr>
<span id="Hira24">OFF=西暦2010年1月20日365回</span>
<hr>
<span id="Hira24"><span id="combine">ON</span>=西暦<span id="combine">2010</span>年<span id="combine">1</span>月<span id="combine">20</span>日<span id="combine">365</span>回</span>
<hr>
<span id="Times24"><span id="combine">Times</span>=西暦<span id="combine">2010</span>年<span id="combine">1</span>月<span id="combine">20</span>日<span id="combine">365</span>回</span>
<hr>
<span id="Hira24">OFF=字あＡA%</span><br>
<span id="Hira24"><span id="combine">ON</span>=<span id="combine">字</span><span id="combine">あ</span><span id="combine">Ａ</span><span id="combine">A</span><span id="combine">%</span>
<hr>
<p>
<span id="Hira18_float">float:right:<span id="combine">2010</span>年<span id="combine">1</span>月<span id="combine">20</span>日</span>
<span id="Hira12">その女がねかしつけに来てくれるまで、わたしはけっしてねどこにははいらなかった。冬のあらしがだんごのような雪をふきつけて窓ガラスを白くするじぶんになると、この女の人は両手の間にわたしの足をおさえて、歌を歌いながら暖めてくれた。その歌の節も文句も、いまに忘れずにいる。</span>
</p>
</body>
</html>
